<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>话说社区3.0</title>

    <!-- Bootstrap core CSS -->
    <link href="__CSS__/bootstrap.min.css" rel="stylesheet">
    <link href="__CSS__/theme.css" rel="stylesheet">
    <link href="__CSS__/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="__IMG__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="__CSS__/flexslider.css"/>
    <link href="__IMG__/assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
    <link href="__IMG__/assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/css/rs-style.css" media="screen">
    <link rel="stylesheet" href="__IMG__/assets/revolution_slider/rs-plugin/css/settings.css" media="screen">
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-timepicker/compiled/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/bootstrap-datetimepicker/css/datetimepicker.css" />
    <link rel="stylesheet" type="text/css" href="__IMG__/assets/jquery-multi-select/css/multi-select.css" />
    <!-- Custom styles for this template -->
    <link href="__CSS__/style.css" rel="stylesheet">
    <link href="__CSS__/style-responsive.css" rel="stylesheet" />

    
     
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!--header start-->
    <header class="header-frontend">
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="__ROOT__"><img src="__IMG__/img/logo2.png"></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="__APP__/index/index">首页</a></li>
                        <li><a href="__APP__/pindao/index">广场</a></li>
                        <li><a href="__APP__/mic/index">动态</a></li>
                        <li><a href="__APP__/aside/index">附近</a></li>
                        <li><a href="__APP__/friend/index">朋友</a></li>
                        <li><a href="__APP__/user/index">帐号</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#loginto">登陆</a></li>
                        <li><a href="javascript:;" data-toggle="modal" data-target="#myModal">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!--header end-->

    <div class="modal fade" id="loginto" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">用户登陆</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/login" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                                  <p class="help-block">输入11位手机号码或者ID号.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                                  <p class="help-block">输入密码.</p>
                              </div>
                          </div>
                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <input type="submit"  id="btn-danger" class="btn btn-danger" value="登陆">
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">注册新用户</h4>
              </div>
              <div class="modal-body">
                <section class="panel">
                  <div class="panel-body">
                      <form action="__APP__/index.php/login/toreg" class="form-horizontal" role="form" method="post">
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">个性昵称</label>
                              <div class="col-lg-10">
                                  <input type="text" name="username" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputEmail1" class="col-lg-2 col-sm-2 control-label">手机号码</label>
                              <div class="col-lg-10">
                                  <input type="text" name="mob" class="form-control" id="inputEmail1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">设置密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="password" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>
                          <div class="form-group">
                              <label for="inputPassword1" class="col-lg-2 col-sm-2 control-label">确认密码</label>
                              <div class="col-lg-10">
                                  <input type="password" name="repassword" class="form-control" id="inputPassword1" placeholder="">
                              </div>
                          </div>

                          <div class="form-group">
                              <div class="col-lg-offset-2 col-lg-10">
                                  <button type="submit" id="btn-danger" class="btn btn-danger">注册</button>
                              </div>
                          </div>
                      </form>
                  </div>
              </section>
            </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

<div class="wapp">

     <div class="container">

     	<section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              <div class="row">

              	<aside class="profile-info col-lg-6">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 最新互动</div>
                          <div class="panel-body">
                          		<div class="timeline-messages">
                                 <?php if(is_array($hot)): foreach($hot as $key=>$h): ?><!-- Comment -->
                                  <div class="msg-time-chat">
                                      <a href="#" class="message-img"><img class="avatar" src="<?php echo ($img); ?>id=<?php echo ($h["tx_id"]); ?>&w=100&h=100" alt=""></a>
                                      <div class="message-body msg-in">
                                          <span class="arrow"></span>
                                          <div class="text">
                                              <p class="attribution"><a href="#"><?php echo ($h["subject"]); ?></a> &nbsp;&nbsp;&nbsp;<?php echo ($h["user_name"]); ?>&nbsp;&nbsp;&nbsp; 发表于 <?php echo ($h["create_time"]); ?></p>
                                              <p><?php echo ($h["simple"]); ?></p>
                                          </div>
                                      </div>
                                  </div>
                                  <!-- Comment --><?php endforeach; endif; ?>
                              </div>
                          </div>
                      </div>
                  </section>
                </aside>                

                <aside class="profile-info col-lg-6">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 最新话题</div>
                          <div class="panel-body">
                          		<div class="timeline-messages">
                                <?php if(is_array($hot)): foreach($hot as $key=>$h): ?><!-- Comment -->
                                  <div class="msg-time-chat">
                                      <a href="#" class="message-img"><img class="avatar" src="<?php echo ($img); ?>id=<?php echo ($h["tx_id"]); ?>&w=100&h=100" alt=""></a>
                                      <div class="message-body msg-out">
                                          <span class="arrow"></span>
                                          <div class="text">
                                              <p class="attribution"><a href="#"><?php echo ($h["subject"]); ?></a> &nbsp;&nbsp;&nbsp;<?php echo ($h["user_name"]); ?>&nbsp;&nbsp;&nbsp; 发表于 <?php echo ($h["create_time"]); ?></p>
                                              <p><?php echo ($h["simple"]); ?></p>
                                          </div>
                                      </div>
                                  </div>
                                  <!-- Comment --><?php endforeach; endif; ?>

                              </div>
                          </div>
                      </div>
                  </section>
                </aside>  

                <aside class="profile-info col-lg-6">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 热门频道</div>
                          <div class="panel-body">
                              <div class="col-lg-6">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>				                       
				                    </div>
                              </div>
                              <div class="col-lg-6">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>				                       
				                    </div>
                              </div>
                          </div>
                      </div>
                  </section>
                </aside>   
                     
                <aside class="profile-info col-lg-6">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 活跃用户</div>
                          <div class="panel-body">
                              <div class="tab-pane" id="comments">
                                  <div class="col-lg-4">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-4">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>	                                 
                                  </div>
                                  <div class="col-lg-4">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>	                                  
                                  </div>
                              </div>
                          </div>
                      </div>
                  </section>
                </aside>      
                 




              </div>
              <!-- page end-->
          </section>
      </section>



     </div>
 </div>


    <!--footer start-->
    <footer class="footer">
      <p>周百通科技有限公司 版权所有 粤ICP备12050978号</p>
    </footer>
    <!--footer end-->

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="__JS__/jquery.js"></script>
    <script src="__JS__/jquery-1.8.3.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>
    <script type="text/javascript" src="__JS__/hover-dropdown.js"></script>
    <script defer src="__JS__/jquery.flexslider.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bxslider/jquery.bxslider.js"></script>
    <script type="text/javascript" src="__JS__/jquery.parallax-1.1.3.js"></script>
    <script src="__JS__/jquery.easing.min.js"></script>
    <script src="__JS__/link-hover.js"></script>
    <script src="__IMG__/assets/fancybox/source/jquery.fancybox.pack.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/revolution_slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <!--common script for all pages-->
    <script type="text/javascript" src="__IMG__/assets/fuelux/js/spinner.min.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
    <script type="text/javascript" src="__IMG__/assets/bootstrap-fileupload/bootstrap-fileupload.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/moment.min.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.multi-select.js"></script>
      <script type="text/javascript" src="__IMG__/assets/jquery-multi-select/js/jquery.quicksearch.js"></script>
    <script src="__IMG__/assets/jcrop/js/jquery.Jcrop.min.js"></script>
    <script src="__JS__/common-scripts.js"></script>    
    <script src="__JS__/revulation-slide.js"></script>
    <script src="__JS__/advanced-form-components.js"></script>
    <script>

        RevSlide.initRevolutionSlider();

        $(window).load(function() {
            $('[data-zlname = reverse-effect]').mateHover({
                position: 'y-reverse',
                overlayStyle: 'rolling',
                overlayBg: '#fff',
                overlayOpacity: 0.7,
                overlayEasing: 'easeOutCirc',
                rollingPosition: 'top',
                popupEasing: 'easeOutBack',
                popup2Easing: 'easeOutBack'
            });
        });

        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider) {
                    $('body').removeClass('loading');
                }
            });
        });

        //    fancybox
        jQuery(".fancybox").fancybox();



    </script>

  </body>
</html>